<template> 
	<promoter v-if="props.modelValue.type==0" v-model="props.modelValue"></promoter>
	<approver v-if="props.modelValue.type==1" v-model="props.modelValue"></approver>
	<deal-with v-if="props.modelValue.type==2" v-model="props.modelValue"></deal-with>
	<ccnode v-if="props.modelValue.type==3" v-model="props.modelValue"></ccnode>
	<subprocess v-if="props.modelValue.type==10" v-model="props.modelValue"></subprocess>
	<condition v-if="props.modelValue.type==5" v-model="props.modelValue">
	<template v-slot="slot">
		<node-wrap v-if="slot.node" v-model="slot.node.childNode"></node-wrap>
	</template> 
	</condition> 
	<node-wrap v-if="props.modelValue.childNode" v-model="props.modelValue.childNode"></node-wrap>
</template>

<script  setup name="nodewrap" lang="ts">
	 import approver from './nodes/approver.vue'
	 import promoter from './nodes/promoter.vue'
	 import condition from './nodes/condition.vue'
	 import ccnode from './nodes/ccnode.vue'
	  import subprocess from './nodes/subprocess.vue'
	  import DealWith from './nodes/dealwith.vue'
	// import othernode from './nodes/othernode.vue'
	const props = defineProps({
	  modelValue: { type: Object, default: () => ({}) }
	})
	console.log("props",props.modelValue.nodeName)
 
</script>

<style>
</style>